<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title></title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<link rel="stylesheet" type="text/css" th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" />
<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />
	
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>

<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />

<link rel="stylesheet" type="text/css" href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
<script type="text/javascript" src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>

<link rel="stylesheet" th:href="@{/mobile/reset.css}" />
<style>
.margin-Title{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.pageMain{
 	height: 100% !important;
 }
.ui-shadow{
 	box-shadow: none !important;
 }
.ui-btn, label.ui-btn{
 	border-width: 1px !important;
    border-style: solid !important;
    border-top-width: 1px !important;
    order-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
 }
</style>
</head>
<body style="background: #FFFFFF">
	<div data-role="page" id="pageone" class="pageMain">
		<div data-role="header" data-position="fixed">
			<span class="fa fa-angle-left goBack"></span>
			<h1>任务督办</h1>
		</div>
		<div data-role="main">
			<div>
				<div class="tab" role="tabpanel">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#receives" data-toggle="tab">接收</a></li>
						<li><a href="#deals" data-toggle="tab">处理</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane fade in active" id="receives">
							<ul data-role="listview" id="receiveList"></ul>
						</div>
						<div class="tab-pane fade" id="deals">
							<ul data-role="listview" id="dealList"></ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div data-role="page" id="RegisterPage"
		style='background-color: #FFFFFF; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>任务详情</h1>
			<!-- <a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a> -->
		</div>
		<div data-role="content">
			<input type="hidden" id="registerId"/>
			<input type="hidden" id="type"/>
			<table data-role="table" data-mode="columntoggle:none">
				<tbody>
					<tr>
						<td><span>事件类型:</span></td>
						<td ><div id="registerEventType"></div></td>

					</tr>
					<tr>
						<td><span>发生时间:</span></td>
						<td ><div id="registerEventAccTime"></div></td>
					</tr>
					<tr>
						<td><span>详细内容:</span></td>
						<td ><div id="registerEventContent"></div></td>

					</tr>
					<tr>
						<td><span>事件地点:</span></td>
						<td ><div id="where"></div></td>

					</tr>
					<!-- <tr>
						<td colspan="2">
							<div style="height: 100px;" id="waitRegister_allmap"
								align="center"></div>
						</td>

					</tr> -->
				</tbody>
			</table>
			<div style="height: 100px;" id="waitRegister_allmap" align="center"></div>
			<table data-role="table" data-mode="columntoggle:none">
				<tbody>
					<tr>
						<td><span>特别备注:</span></td>
						<td ><div id="registerEventMemo"></div></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div data-role="footer" data-position="fixed" data-theme="a" style="background:#FFFFFF;">
			<center>
			<button style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 98%; height: 38px;font-size:16px;" id="dbBtn">督&nbsp;&nbsp;&nbsp;&nbsp;办</button>
			</center>
		</div>
		
	</div>
	
	<link rel="stylesheet" th:href="@{/mobile/taskSupervision/taskSupervisionIndex.css}" />
	<script th:src="@{/mobile/common.js}"></script>
	<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
	<script th:src="@{/plugins/jQuery/jquery.rotate.min.js}"></script>
	<script th:src="@{/mobile/taskSupervision/map.js}"></script>
	<script th:src="@{/mobile/taskSupervision/taskSupervisionIndex.js}"></script>
	
	<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
	<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>